// 修复 van 组件在含有 transform 的容器内边框消失的问题, 需要配合行高或高度一起使用, 并且需要是偶数的行高或高度
.own-fix-border {
    transform: translateZ(0);
  }
  
  .f48 {
    font-size: 48px;
  }
  
  .f40 {
    font-size: 40px;
  }
  
  .f32 {
    font-size: 32px;
  }
  
  .f28 {
    font-size: 28px;
  }
  
  .f24 {
    font-size: 24px;
  }
  
  .c8 {
    color: #C8C9CC;
  }
  
  .c99 {
    color: #999999;
  }
  
  .cff {
    color: #fff;
  }
  
  .c2f {
    color: #2f7dcd;
  }
  
  .c96 {
    color: #969799;
  }
  
  .mgt8 {
    margin-top: 8px;
  }
  
  .mgb16 {
    margin-bottom: 16px;
  }
  
  .mgb8 {
    margin-bottom: 8px;
  }
  
  .mgt16 {
    margin-top: 16px;
  }
  
  .mgt32 {
    margin-top: 32px;
  }
  
  .h32 {
    height: 32px;
  }
  
  .h100 {
    height: 100px;
  }
  
  .flex {
    display: flex;
  }
  
  .noshrink {
    flex-shrink: 0;
  }
  
  .flex-center {
    @extend .flex;
    justify-content: center;
    align-items: center;
  }
  
  .flex-vertical {
    @extend .flex;
    align-items: center;
  }
  
  .flex-between {
    @extend .flex;
    justify-content: space-between;
  }
  
  .flex-around {
    @extend .flex;
    justify-content: space-around;
  }
  
  
  /* 实现移动端 1px , 根据不同 dpr 去缩放 */
  @mixin border-top-1px($color) {
    position: relative;
  
    @media (-webkit-min-device-pixel-ratio: 1.5),
    (min-device-pixel-ratio: 1.5) {
      &::before {
        transform: scaleY(0.7);
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        top: 0;
        border-top: 1px solid $color;
      }
    }
  
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-device-pixel-ratio: 2) {
      &::before {
        transform: scaleY(0.5);
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        top: 0;
        border-top: 1px solid $color;
      }
    }
  
    @media (-webkit-min-device-pixel-ratio: 3),
    (min-device-pixel-ratio: 3) {
      &::before {
        transform: scaleY(0.3);
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        top: 0;
        border-top: 1px solid $color;
      }
    }
  }
  
  /* 实现移动端 1px , 根据不同 dpr 去缩放 */
  @mixin border-bottom-1px($color) {
    position: relative;
  
    @media (-webkit-min-device-pixel-ratio: 1.5),
    (min-device-pixel-ratio: 1.5) {
      &::after {
        transform: scaleY(0.7);
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 0;
        border-bottom: 1px solid $color;
      }
    }
  
    @media (-webkit-min-device-pixel-ratio: 2),
    (min-device-pixel-ratio: 2) {
      &::after {
        transform: scaleY(0.5);
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 0;
        border-bottom: 1px solid $color;
      }
    }
  
    @media (-webkit-min-device-pixel-ratio: 3),
    (min-device-pixel-ratio: 3) {
      &::after {
        transform: scaleY(0.3);
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 0;
        border-bottom: 1px solid $color;
      }
    }
  }
